<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<script type="text/javascript">if(parent.emulator)parent.emulator.begin(window);</script>
	<title>World Cup 2010</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<link href="style/style.css" rel="stylesheet" type="text/css"/>
	<link href="style/news.css" rel="stylesheet" type="text/css"/>
	<script src="js/xml2json.js" type="text/javascript"></script>
	<script src="js/RSSView.js" type="text/javascript"></script>
	<script src="js/script.js" type="text/javascript"></script>
	<script src="js/util.js" type="text/javascript"></script>
	<script src="js/RSSUtil.js" type="text/javascript"></script>
	<script src="js/RSSNews.js" type="text/javascript"></script>
</head>

<body onload="onLoadData();" class="main">
	
	<div id="header" class="header" >
		<table border="0" width="200px" height="30px">
			<tr>
				<td width="10%"> 
					<img id="imgBack" src='img/back.gif' onclick='backMenu();' style="display: none;"> 
				</td> 
				<td id="txtCaption" align="center" width="100%">World Cup 2010 </td> 
			</tr>
		</table>
	</div>

	<div id='mainError' class='' style="display: none">
	</div>
	
	<div id='mainInfo' class='' style="display: none">
	</div>
	
	<div class="loadStyle" align="center" id='mainLoading' style="display: none" >
		<table class="popup" border="2" bordercolor="FFFFFF">
			<tr>
				<td align="center">
					</br><br>
					<img src='img/loader.gif'/></br></br>
					<b>LOADING</b></br><br>
				</td>
			</tr>
		</table>
	</div>

	<div id="menu-view" style="display: none">
 			<div align="center" id="menuItem2">
				<img src="img/btnYourTeam.png" onclick="showTeam();"> 
			</div>
			<div align="center" id="menuItem4">
				<img src="img/btnLiveScore.png" onclick="showScore();"> 
			</div>
			<div align="center" id="menuItem1">
				<img src="img/btnClassification.png" onclick="showRegion();"> 
			</div>
			<div align="center" id="menuItem3">
				<img src="img/btnNews.png" onclick="loadCupNews();"> 
			</div>
		</br>
		<table align="center" border="0">
			<tr>
				<td> <img src="img/btnAbout.gif" onclick="showAbout();"> </td> 
				<td> <img src="img/btnClose.gif" onclick="window.close();"> </td> 
			</tr>
		</table>
	</div>

	<div id='classification-view' class='' style="display: none"></div>
	<div id='region-view' class='' style="display: none"></div>

	<div id='team-view' class="divTeamView" style="display: none"></div>

	<div id='news-view' style="display: none"></div>

	<div id='score-view' style="display: none"></div>
	
	<div id='results-view' style="display: none"></div>
	
	<div id='about-view' align="center" style="display: none">
		<div align="center">
			<table class="popup" border="2" bordercolor="FFFFFF">
				<tr>
					<td align="center">
						<b>World Cup 2010</b>
					</td>
				</tr>
				<tr>
					<td style="text-align:justify;">
						Widget developed with the purpose of facilitating access to the results of real-time games
						in championships all over the world.</br></br>
						Updated news, fixtures and results, and the classification of all teams of WORLD CUP 2010.</br></br>
						Content from the FIFA website (www.fifa.com).
					</td>
				</tr>				
			</table>
			
			<table border="0">
				<tr>
					<td width="100%"> <img  align="left" src="img/fifa.png"/></td>
					<td width="100%"> <img align="right" src="img/opera.png"/></td>
				</tr>
			</table>
			
		</div>
	</div>
	
	<div id="readNewDiv" class="newsClass tableRss" style="display: none">
		<table border="1" style="width: 100%; height: 100%" class="tableRss">
			<tr>
				<td valign="top">
					<div id="readNewDivContents"></div>
				</td>
			</tr>
			<tr valign="bottom">
				<td>
				<table border="1">
					<tr>
						<td align="center">
							<button class="borderit" onclick="backNews()"><font style="font-weight: bold;"><<</font></button>
						</td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
	</div>
	
	<div id='bufferDiv' class='' style="display: none"></div>

	<div id="newsDiv" class="newsClass tableRss" style="display: none; height: 100%;">
		<table border="1" align="center" style="width: 100%; height: 100%;">
			<tr>
				<td valign="top">
					<div id="newsDivContents"></div>
				</td>
			</tr>
			<tr valign="bottom">
				<td>
				<table border="1" >
					<tr>
						<td align="right" width="50%">
							<button class="borderit" id="previousNews" onclick="changeRssPage('previous')"><font style="font-weight: bold;"><</font></button>
						</td>
						<td align="center">
							<button class="borderit" onclick="showRead()"><font style="font-weight: bold;">Read</font></button>
						</td>
						<td align="left" width="100%">
							<button class="borderit" id="nextNews" onclick="changeRssPage('next')"><font style="font-weight: bold; size: 10px;">></font></button>
						</td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
	</div>

</body>
</html>